<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top navbar-shrink" id="mainNav">
  <div class="container">
    <!-- <a class="navbar-brand js-scroll-trigger" href="#page-top">iPAN</a> -->
    <a class="navbar-brand" rel="home" href="#" title="iPAN">
      <img style="max-width:100px; margin-top: 1 px;" src="/assets/img/defaultLogo.png">
    </a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
      aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      {{'Menu'|translate}}
      <i class="fa fa-bars"></i>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav ml-auto" style="margin-right:-100px;">
          <li class="nav-item dropdown" ngbDropdown>
              <a href="javascript:void(0)" class="nav-link" ngbDropdownToggle>
                  <i class="fa "></i><img src="/assets/images/yu.png" alt="" width="18%"> {{ 'Language' | translate }}
                  <b class="caret"></b>
              </a>
              <div class="dropdown-menu-right" ngbDropdownMenu>
                  <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('en')">
                      <span class="flag-icon flag-icon-au"></span>English
                  </a>
                  <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('zh')">
                      <span class="flag-icon flag-icon-cn"></span>中文
                  </a>
              </div>
          </li> 
        <li class="nav-item" style="margin-left: 20px;">
          <a class="nav-link js-scroll-trigger" style="width: 100px; border: 1px solid #E54C2A; text-align:center;" [routerLink]="['/login']">{{'Login'|translate}}</a>
        </li>
        <li class="nav-item" style="margin-left: 15px;">
          <a  class="nav-link js-scroll-trigger" style="width: 100px; border: 1px solid #E54C2A; background:#E54C2A; color:#FFF; text-align:center;" [routerLink]="['/signup']">{{'JOIN iPAN'|translate}}</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

<!-- Intro Header -->
<header class="masthead" [ngClass]="{'video-bg': !!videoUrl}">
  <div *ngIf="videoUrl" class="intro-body">
      <div class="col-lg-12 mx-auto">
        <h2 class="col-lg-9 mx-auto" style="padding-top: 50px">{{'JOIN iPAN'|translate}}</h2>
        <!-- <a [routerLink]="['/login']" class="btn btn-default btn-lg">Login</a>
        <a [routerLink]="['/signup']" class="btn btn-default btn-lg">Join us！</a> -->
        <div class="font-weight-bold text-white p-small">
            <p>Higher commission & exclusive buyers incentive</p>
            <p>Passive income stream</p>
            <p>Payment Transparency</p>
            <p>Sharing Economy/Comprehensive Sales Support </p>
            <p>Exclusive access to brand new / off the plan stocks</p>
            <p>Independent market research and Australia wide property selection to tailor client's need</p>
            <p>International Network of Real estate contacts</p>
            <p>Concierge Service for local & overseas buyers</p>
            <p>Please also update the Chinese language part</p>
        </div>
    </div>
  </div>
  <!--<p class="video-wrapper" *ngIf="videoUrl" style="text-align: center;margin-top: 50px;">
    <iframe class="video_iframe" style="z-index:1;" [src]="videoUrl" allowfullscreen="" frameborder="0" ></iframe>
  </p>-->
</header>


<!-- About Section -->
<section id="about" class="content-section" style="padding-bottom:0px;">
<div class="bg_box">
    <div class="ios_center">iPAN Introduction</div>
    <div class="center">
        <div class="in_title">{{'About iPAN'|translate}}</div>
        <div class="in_nei">International Property Agent Network (iPAN) is a global property platform for people from all walks oflife to have an active and passive income stream through real estate worldwide by providing Marketingand Sales support, Training, Technology and Property stocks Australia wide.</div>
        <div class="in_nei">iPAN also hosts regular networking events and seminars around the world to provide opportunities tonetwork amongst theprofessionals in the Real Estate industries. This network creates opportunities for collaboration and share of knowledge & resources on the Australian Property Market.</div>
        <div class="in_nei">iPAN holds corporate real estate licenses in NSW, VIC & QLD. This enable us to gain exclusive buyersincentive and higher commission for iPAN members, leverage from high volume property transaction.</div>
    </div>
    <div class="hui"></div>
    <div class="in_img">
        <img src="/assets/images/in_center.jpg" alt="" width="100%">
        <div class="in_po">
            <div class="po_ti">{{'Ready to join'|translate}} <br><span>{{'iPAN'|translate}}</span></div>
            <div class="po_nei">{{'Membership is currently FREE! Join us via clicking "Join iPAN" on the top.'|translate}}</div>
            <div class="join"><a class="btn rounded-btn" [routerLink]="['/signup']"><img src="/assets/images/ios_join.png" alt=""></a></div>
        </div>
    </div>
    <div class="ios_bg">
        <div class="re">{{'Ready to join iPAN'|translate}}</div>
        <div class="join"><img src="/assets/images/join.png" alt="" class="join1">
        <a class="btn rounded-btn" [routerLink]="['/signup']"><img src="/assets/images/ios_join.png" alt="" class="join2"></a></div>
    </div>
</div>
</section>


<!-- Footer -->
 <div class="bg_color">
    <div class="bg_center">
        <div class="con_left col-xs-12 col-sm-8 col-md-8">
            <div class="contact">{{'Contact Us'|translate}}</div>
            <ul class="co_ul">
                <li style="font-size:30px">{{'iPAN Head Office'|translate}}</li>
                <li><img src="/assets/images/in_01.png" alt="">{{'Level 5, 117 York St, Sydney NSW 2000.'|translate}}</li>
                <li class="fl"><img src="/assets/images/in_02.png" alt="">{{'Phone'|translate}}: +61 2 80842866 </li>
                <li ><img src="/assets/images/in_03.png" alt="" class="you">{{'Email'|translate}}:
              <a href="mailto:info@ipanproperty.com" style="color:#FFF">info@ipanproperty.com</a></li>
                <li class="zui">{{'Please contact the above email for forgot password'|translate}}</li>
            </ul>
        </div>
        <div class="con_right col-xs-12 col-sm-4 col-md-4"><img src="/assets/images/con_logo.png" alt="" class="img"><img src="/assets/images/bai_logo.png" alt="" class="img1"></div>
    </div>
</div>
<div class="bg_hui">{{'Copyright'|translate}} © 2019 ipan. All rights reserved.</div>